<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="description"
      content="HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。HTML产生于1990年，1997年HTML4成为互联网标准，并广泛应用于互联网应用的开发。HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进，虽然技术人员在开发过程中可能不会将这些新技术投入应用，但是对于该种技术的新特性，网站开发技术人员是必须要有所了解的。"
    />
    <title>HTML5_百度百科</title>
    <meta
      name="keywords"
      content="HTML5, HTML5简介, HTML5发展历程, HTML5新特性, HTML5新元素, HTML5优缺点, HTML5技术要点, HTML5发展趋势"
    />
  </head>
  <body>
    <!-- https://www.17sucai.com/pins/demo-show?id=35673 -->

    <!-- HTML5添加了很多新元素及功能 -->

    <!-- [div span 去很多class]  a img iframe form  -->
    <!-- 块级元素 行内元素 功能性   -->

    <!-- 需要语义化标签  程序员好认 少取名字  SEO 搜索引擎优化 -->

    <!-- seo img alt   标签语义化 h1-h6>p  ul li  b [strong] i [em] -->
    <!-- meta 元信息  -->
    <!-- 前端配合 seo工作人员  -->
    <!-- 元素的隐藏有几种方式 seo黑帽技术 -->

    <!-- 域名 年龄  权重 外链（推荐）-->

    <!-- 重要内容不要用js输出：爬虫不会执行js获取内容  -->
    <!-- 爬虫可以抓取 同步js 的内容  异步不行 ajax vue react  -->
    <!-- 少用iframe：搜索引擎不会抓取iframe中的内容 -->

    <!-- 语义化标签
        <article> 文章  
        <aside> 侧边栏 
        <details> 描述文档 
        <dialog> 弹窗
        <header> (文档 某个区域)头部区域
        <footer>(文档 某个区域)底部区域
        <nav> 导航
        <section> 某个区域
        div
        -->

    <!-- 
            canvas
            多媒体
            video
            audio
            source
            embed
            track

         -->

    <!-- datalist output -->

    <input list="browsers" />
    <datalist id="browsers">
      <option value="Internet Explorer"></option>
      <option value="Firefox"></option>
      <option value="Chrome"></option>
      <option value="Opera"></option>
      <option value="Safari"></option>
    </datalist>

    <p>该段落文字从左到右显示。</p>
    <p><bdo dir="rtl">该段落文字<bdi>WTO</bdi>从右到左显示。</bdo></p>

    <!-- 书写文档 -->
    <details>
      <summary>Epcot Center</summary>
      <p>
        Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions,
        award-winning fireworks and seasonal special events.
      </p>
    </details>
    <details>
      <summary>Epcot Center</summary>
      <p>
        Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions,
        award-winning fireworks and seasonal special events.
      </p>
    </details>

    <p>
      The Pulpit Rock is a massive cliff 604 metres (1982 feet) above Lysefjorden, opposite the Kjerag plateau, in
      Forsand, Ryfylke, Norway. The top of the cliff is approximately 25 by 25 metres (82 by 82 feet) square and almost
      flat, and is a famous tourist attraction in Norway.
    </p>

    <figure>
      <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228" alt="xxxx" />
      <figcaption>Fig.1 - A view of the pulpit rock in Norway.</figcaption>
    </figure>

    <mark>谢谢谢谢</mark>

    <p>展示给定的数据范围：</p>
    <meter value="2" min="0" max="10">2 out of 10</meter><br />
    <meter value="0.6">60%</meter>

    meter 标签定义度量衡。仅用于已知最大和最小值的度量。 比如：磁盘使用情况，查询结果的相关性等。 注意： meter
    不能作为一个进度条来使用， 进度条 progress 标签。

    <progress value="22" max="100"></progress>

    <ruby> 汉 <rp>(</rp><rt>Han</rt><rp>)</rp> 字 <rp>(</rp><rt>zi</rt><rp>)</rp> </ruby>

    <p>我们在每天早上 <time>9:00</time> 开始营业。</p>
    <p>我在 <time datetime="2016-02-14">情人节</time> 有个约会。</p>
    <p><strong>注意：</strong>Internet Explorer 8 及更早版本不支持 time 标签。</p>


    <p>dffffffffertttttttttttttttttttttttfgffffffffffertttttttttttttttttttttttfgfffffffffdsgertttttttttttttttttttttttfgfgfsd</p>
    <p>学习 AJAX ,您必须熟悉 HttpRequest 对象。学习 AJAX ,您必须熟悉 HttpRequest 对象。学习 AJAX ,您必须熟悉 HttpRequest 对象。学习 AJAX ,您必须熟悉 HttpRequest 对象。学习 AJAX ,您必须熟悉 HttpRequest 对象。</p>
    <p>学习 AJAX ,您必须熟悉 <wbr>Http<wbr>Request 对象。学习 AJAX ,您必须熟悉 <wbr>Http<wbr>Request 对象。学习 AJAX ,您必须熟悉 <wbr>Http<wbr>Request 对象。学习 AJAX ,您必须熟悉 <wbr>Http<wbr>Request 对象。学习 AJAX ,您必须熟悉 <wbr>Http<wbr>Request 对象。</p>
  </body>
</html>
